<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no">
    <title>Document</title>
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/iconfont.ttf">
    <link rel="stylesheet" href="css/find.css">
</head>
<body>
    <div class="wrap">
        <header>
            <div class="header">
              <div class="button">
               <a href="./index.html"><button>Back</button></a>
              </div>
              <div class="classify">
                <h4>发现</h4>
              </div>
              <div class="city">
                <select name="" id="">
                  <option value="">北京市</option>
                  <option value="">上海市</option>
                  <option value="">广州市</option>
                  <option value="">深圳市</option>
                </select>
              </div>
            </div>
          </header>
          <main>
              <div class="search">
                    <input type="search" name="" id="" placeholder="请输入商品名称" /> 
                    <div class="iconfont icon-fangdajing-copy"></div>
              </div>
              <div class="searching">
                  <h3>大家都在搜</h3>
              </div>
              <div class="details">
                <span>寿司</span>
                <span>羽毛球</span>
                <span>火锅</span>
                <span>游泳馆</span>
                <span>电影</span>
                <span>周黑鸭</span>
                <span>KTV</span>
                <span>肯德基</span>
              </div>
              <div class="hots">
                <div class="iconfont icon-remensousuo"></div>
                <div class="hots_search">
                  <h3>热门搜索</h3>
                  <p>更多</p>
                </div>
              </div>
              <div class="sushi">
                <div class="left">
                  <img src="img/28.png" alt="">
                </div>
                 <dv class="right">
                 <div class="top">
                   <img src="img/29.png" alt="">
                 </div>
                 <div class="bottom">
                  <img src="img/30.png" alt="">
                  <img src="img/31.png" alt="">
                 </div>
                </div>
                <div class="hots_one">
                  <div class="iconfont icon-xingzhuang60kaobei2"></div>
                  <div class="hots_search">
                    <h3>热门推荐</h3>
                    <p>更多</p>
                  </div>
                </div>
                <div class="recommended">
                  <img src="img/09.png" alt="">
                  <img src="img/21.png" alt="">
                  <img src="img/27.png" alt="">
                </div>
          </main>
          <footer>
            <div class="list">
              <a href="./index.html">
                <div class="iconfont icon-index"></div>
                <p>首页</p>
              </a>
              <a href="./classify.html">
              <div class="iconfont icon-category"></div>
               <p>分类</p>
              <a href="./find.html">
                <div class="iconfont icon-faxian"></div>
                <p>发现</p>
              </a>
              <a href="#">
                <div class="iconfont icon-wode2"></div>
                <p>我的</p>
              </a>
            </div>
          </footer>
    </div>
</body>
</html>